import { styled } from "styled-components";

const BOTTOM_MARGIN = '544px'
export const BottomWarpper = styled.div`
      position: absolute;
      bottom: 16px;
      left: ${BOTTOM_MARGIN};
      right:  ${BOTTOM_MARGIN};
      /* width: 800px; */
      height:240px;
      background: url(${require('@/assets/img/bottom-bg.png')})  no-repeat center;
      background-size: 100% 100%;
      animation:slideBottom .9s; // 新增
      @keyframes slideBottom {
        0% {
            opacity: 0;
            transform: translateY(100%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* .content-container{
        padding:8px 16px;
        .ant-table{
            background: linear-gradient(90deg, #021323 26%, rgba(2,19,35,0) 100%);
        }
        .ant-table-tbody > tr.ant-table-row:hover > td {
            background: none !important;
        }
        .ant-table-thead>tr>th,
        .ant-table-tbody >tr >td {
            padding: 4px;
            border: none;
        }
      
        .ant-table-tbody >tr >td {
            color: #92A7BE;
        }
        
        .ant-table-thead>tr>th{
            background: #2D3C5B;
            font-weight: 400;
            color: #CFE5FF;
            &::before{
                content: none !important;
            }  
        }    
       

        .ant-table-container table>thead>tr:first-child >*:first-child
        ,.ant-table-container table>thead>tr:first-child >*:last-child{
            border-radius: 0 ;
        }
        .risk-key-img{
            width: 19px;
            height: 20px;
        }
    } */

`